<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的简历</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- Custom Fonts -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/index.css">

</head>
<body>

<div class="container">
    <!-- About -->
    <div class="row about">
        <!-- Header -->
        <div class="col-lg-12 header bgorange">
            <img src="img/Icon.png" class="icon">
        </div>

        <!-- Top -->
        <div class="col-lg-12 top">
            <h1 class="name">吕宏旺 <i class="fa fa-mars "></i></h1>
            <h4 class="position">web开发 <span> &前端开发 </span></h4>
        </div>

        <!-- Listing -->
        <div class="col-lg-12 listing">
            <div class="col-lg-6 objective">
                <h4>关于我</h4>
                <p>
                    喜欢并擅长web前端开发。专注于设计和开发前端交互页面，有较强解决问题的能力。喜欢新技术、新产品，对web前端开发有着浓厚的兴趣。坚信精湛的前端技术必将营造更美好的生活。</p>
            </div>

            <div class="col-lg-3 contactInfo">
                <p><i class="fa fa-hand-o-right fa-lg"></i><a href="http://lanmiao.oschina.io/" target="_blank">http://lvhongwang.com</a>
                </p>

                <p><i class="fa fa-envelope fa-lg"></i>460497764@qq.com</p>

                <p><i class="fa fa-volume-control-phone fa-lg"></i>18119601541</p>

                <p><i class="fa fa-home fa-lg"></i>中国</p>

                <p><i class="fa fa-home fa-birthday-cake"></i>1993年</p>

                <p><i class="fa fa-money fa-"></i>15K</p>

            </div>
            <div class="col-lg-3 socialIcons">
                <p><i class="fa fa-github fa-2x"></i>
                    <a href="https://github.com/hwlv">github1</a>
                    <a href="https://github.com/leaderandmaster">github2</a>
                </p>
                <p><i class="fa fa-forumbee fa-2x"></i>
                    <a href="http://www.cnblogs.com/lvhw/">cnbolg</a>
                    <a href="https://segmentfault.com/u/lvhongwang">思否</a>
                </p>
                <p><i class="fa fa-stack-overflow fa-2x"></i>
                    <a href="https://stackoverflow.com/users/7455627/hwlv">stackoverflow</a>
                </p>

            </div>
        </div>

    </div>

    <!-- Experience -->
    <div class="row experience">
        <div class="col-lg-12 ">
            <h2>项目经历</h2>
            <div class="col-lg-12 project">
                <h4 class="name">java后台管理系统<span class="year" style="padding-left: 10px;">2016.2~2016.6</span></h4>
                <p class="content">
                    2016年我第一次来讯飞实习，因为我在学校学的是c语言和java，js等web开发语言，所以主管安排我和一个java小组长负责躺倒鸭知识管理系统，当时用的技术栈是springMVC+mybatis，数据库用的是mysql和mongodb。这个做了一两个月左右，因为前端工作比较多，主管就让我负责前端开发了。当时前端用的是bootstrap和jquery。
                </p>
            </div>

            <div class="col-lg-12 project">
                <h4 class="name">h5互动，移动端居多<span class="year" style="padding-left: 10px;">2016.7~2016.12</span></h4>

                <p class="content">
                    支持酷音，讯飞输入法，躺倒鸭一些h5活动。一般都是节日或者为了某个活动做h5推广，这些项目基本上都是在app上面，微信和qq也会考虑。一般采用的是flex布局，用css3，封装好的js插件（例如anime.js），雪碧图等实现动画。js方面，如果逻辑不复杂就用原生js写，复杂一点的会用到vue，jquery及其插件。另外h5要和客户端进行交互，一般都是通过之前定好的协议进行调用，也会用到第三方技术Cordova等等。具体截图或链接看下方。
                </p>
            </div>

            <div class="col-lg-12 project">
                <h4 class="name">躺倒鸭装逼神器vue版<span class="year" style="padding-left: 10px;">2016.12~2017.3</span></h4>

                <p class="content">
                    之前做过的躺倒鸭装逼神器实现了前后端分离。因为vue框架比较火，前端采用了vue-cli进行开发，技术栈用到了，vue,vue-router,vuex,es6新语法特性，UI采用了mint-ui。我记得当时产品问为什么要前后端分离，其实优点很明显。第一，从开发角度上来讲。因为这个平台也要对接到灵犀，酷音，配音阁，输入法等其他产品中去。前后端分离使得，后台只需要一套代码就可以支持各平台的运行，实现了关注点分离。第二，从服务器角度考虑，单页面可以节省资源的多次重复请求，减少了服务器负担。
                </p>
            </div>
            <div class="col-lg-12 project">
                <h4 class="name">react管理系统后台开发<span class="year" style="padding-left: 10px;">2017.3~2017.6</span></h4>
                <p class="content">
                    虽然公司倾向于vue开发，但是我感觉react灵活度更高一些。这次项目用到的技术栈有，react，react-router,redux及es6等。
                </p>
            </div>
            <div class="col-lg-12 project">
                <h4 class="name">讯飞全家桶<span class="year" style="padding-left: 10px;">2017.6~2017.9</span></h4>
                <p class="content">
                    主要是展示讯飞产品，用到技术栈：vue-cli,vue-router,element-ui,vuex等。地址：https://apps.iflyresearch.com/index
                </p>
            </div>
            <div class="col-lg-12 project">
                <h4 class="name">类人答题<span class="year" style="padding-left: 10px;">2017.9~2017.12</span></h4>
                <p class="content">
                    是研究院AI团队提供的需求，因为该团队讯飞机器人高考的技术比较成熟，于是想用网页的形式展示出来。后台使用spiritboot。前端用到的技术栈有，jquery及其插件（swiper，layer等），ckeditor(主要用到的是ckeditor_wiris公式编辑功能)，websocket（展示解题步骤），echart(根据设计稿实现统计图，这个要求熟悉echart的api)。项目截图看下方。
                </p>
            </div>
            <div class="col-lg-12 project">
                <h4 class="name">其它<span class="year" style="padding-left: 10px;">2017.2~至今</span></h4>

                <p class="content attention">
                    注意：由于公司对技术栈有要求，所以简历项目中没有体现出来现在一些流行技术，比如，react，小程序等。当然我自己做的项目中都会用到的，地址见
                    <a href="https://github.com/hwlv/">github1</a>
                    <a href="https://github.com/LeaderAndMaster">github2</a>
                </p>
                <div>
                </div>
            </div>
        </div>
    </div>

    <!--description of mywork-->
    <div class="row experience">
        <div class="col-lg-12 ">
            <h2>作品简介</h2>
            <div class="col-lg-12 project lrdt">
                <h4>躺倒鸭装逼神器 </h4>
                <a href="javascript:;" onclick="showMbByUrl('https://tangdaoya.iflyresearch.com/#index','躺倒鸭')">地址</a>
            </div>
            <div class="col-lg-12 project">
                <h4>h5活动</h4>
                <a href="javascript:;"
                   onclick="showMbByUrl('https://tangdaoya.iflyresearch.com/#/poem?appid=tangdaoya','智能写诗')">智能写诗</a>
                <a href="javascript:;" onclick="showMbByUrl('http://s1.voicecloud.cn/zb/home/newyear.html?appid=zbime','讯飞输入法表情')">讯飞输入法表情包</a>
                <a href="javascript:;"
                   onclick="showMbByUrl('https://kuying.tangdaoya.com/zb/static/activity/kuyin/mood/index.html','心情彩铃')">心情彩铃</a>
                <a href="javascript:;"
                   onclick="showMbByUrl('https://tangdaoya.iflyresearch.com/#/detailWordMap/153?appid=tangdaoya','520')">520</a>
                <a href="javascript:;"
                   onclick="showMbByUrl('https://kuying.tangdaoya.com/zb/static/activity/kuyin/poster/index.html','酷音海报')">酷音海报</a>
                <a href="javascript:;"
                   onclick="showMbByUrl('https://kuying.tangdaoya.com/zb/static/kuyinPlane/plane_index.html','酷音飞机票')">酷音飞机票</a>

            </div>
            <div class="col-lg-12 project lrdt">
                <h4>研究院技术支持</h4>
                <a href="https://apps.iflyresearch.com/index">讯飞全家桶</a>
                <a href="https://mp.iflyresearch.com/mp">英文标注</a>
                <a href="https://mp.iflyresearch.com/mark">语义标注（admin,admin123）</a>
            </div>
            <div class="col-lg-12 project lrdt">
                <h4>类人答题</h4>
                <div class="col-md-3">
                    <img src="img/lrdt1.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt2.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt3.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt4.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt5.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt6.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt7.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt8.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt9.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt10.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt11.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt12.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt13.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt14.png" alt="">
                </div>
                <div class="col-md-3">
                    <img src="img/lrdt15.png" alt="">
                </div>
            </div>
            <div class="col-lg-12 project">
                <h4>其它 </h4>
                <h5>自己封装翻页插件</h5>
                <a href="https://github.com/hwlv/fullpage/">github</a>&nbsp;&nbsp;
                <a href="https://hwlv.github.io/fullpage/">预览地址</a>
                <h5>vue相关项目</h5>
                <a href="https://github.com/LeaderAndMaster/vue2-element">vue 饿了么</a>
                <a href="https://github.com/hwlv/vue-music">vue 音乐播放器</a>
                <h5>react相关项目</h5>
                <a href="https://github.com/hwlv/react-admin">react管理系统</a>
            </div>
        </div>
    </div>
    <!-- designer -->
    <div class="row designer">
        <p>感兴趣的请和我联系，谢谢！<i class="fa fa-smile-o"></i></p>
    </div>

</div>
<!--simulator-->
<div class="simulator-wrapper">
    <div class="mobile-simulator">
        <h3 class="title ellipse"></h3>
        <iframe id="app-iframe" src="" class="iframe"></iframe>
    </div>
</div>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/jquery.museum.js"></script>
<script src="js/index.js"></script>
</body>
</html>